<div id="body">
  <div id="head">
    <!--手机号-->
    <div class="num">
      <div class="op">
        <h1>手机号</h1>
      </div>
      <input id="inone" type="number" oninput="if(value.length>11)value=value.slice(0,11)"
             (keydown)="error1()" #pone [(ngModel)]="numlist" value="{{numlist}}">
    </div>
    <div class="error">
    <h2 [ngStyle]="{'color':'red'}" *ngIf="errorlist">{{numText}}</h2>
    </div>
    <!--验证码-->
    <div id="Verification">
        <div class="num" id="one">
          <div class="op">
            <h1>验证码</h1>
          </div>
          <input type="text" [(ngModel)]="Verification" value="{{Verification}}" class="part2">
        </div>
        <button class="op part3" (click)="getCode($event)" [disabled]= off [ngStyle]="{'background':off ? 'rgb(152,153,154)' : '' }">
         <h1 >{{ButtonText}}</h1>
        </button>
    </div>
    <div class="error">
      <h2 [ngStyle]="{'color':'red'}" >{{numText2}}</h2>
    </div>
    <!--发送-->
    <div class="op part4" (click)="send()">
        <h1>立即绑定</h1>
    </div>
    
    <div id="prompt" *ngIf="off&&prompt1">
      <h2>您好，验证码已发送到您的手机，请注意查收</h2>
    </div>

  </div>
</div>
